<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="../layui/css/layui.css"  media="all">
<title>付款</title>
</head>
<body>
<header class="head">
	<a class="header_logo" href="#">
		<img src="img/logo.png" />
	</a>
	<nav class="Navigation_Bar">
		<ul>
			<li><a href="#" style="color: #005EA6;">账户首页</a></li>
			<li><a href="wallet/wallet.html">我要投稿</a></li>
			<li><a href="#">我的投稿</a></li>
			<li><a href="#">注意事项</a></li>
			<li><a href="#">联系我们</a></li>
		</ul>
	</nav>
	<input class="esc" type="button" name="Esc" value="退出"/>
	<div class="Personal_Center">
		<a href="#">个人中心</a>
		<img src="../img/Personal Center.png"/>
	</div>
</header>
<div class="main_back">
	<div class="main">
		<div class="Article_content">
			<h2 class="Headline border_button">稿件详情</h2>
			<div class="none">
				<div class="payment_magazine">
					<h1>《科学管理研究》杂志</h1>
					<h2>主管单位：内蒙古自治区科学技术厅</h2>
					<h2>主管单位：内蒙古自治区科学技术厅</h2>
				</div>
				<div class="text_title">
					<h4>稿件采用通知</h4>
					<p></p>
				</div>
				<div class="payment_magazine_button">
					<button class="button2">确认汇款</button>
				</div>
			</div>
			<div class="">
				<div class="contribute_navigation">
					<ul class="forget_password_nav">
					  <li tid="1" class="forget_password_item forget_password_this">下载汇款资料</li>
					  <li tid="2" class="forget_password_item">选择付款方式</li>
					  <li tid="3" class="forget_password_item">上传汇款资料</li>
					</ul>
				</div>
				<div class="clear"></div>
				<div tid="1" class="transfer_list dd">
					<div class="transfer_list1 border_button">
						<a href="#" class="back_img">汇款回执表</a>
					</div>
					<div class="transfer_list1 border_button">
						<a href="#" class="back_img">作者授权声明</a>
					</div>
					<button class="button2">下一步</button>
				</div>
				<div tid="2" class="transfer_list dd none transfer_height" style="border: 0;">					
					<div class="panel-group clear" id="accordion">
					    <div class="panel panel-default">
					        <div class="panel-heading" id="payment">
					            <h4 class="panel-title">
					                <a i data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="back_img">
					               		 支付宝
					                </a>
					            </h4>
					        </div>
					        <div id="collapseOne" class="panel-collapse collapse in">
					            <div class="panel-body">
					                <p>姓名:田波</p>
									<p>账号:cqpengou@gmail.com</p>
					            </div>
					        </div>
					    </div>
					    <div class="panel panel-default">
					        <div class="panel-heading" id="payment">
					            <h4 class="panel-title">
					                <a data-toggle="collapse" data-parent="#accordion" class="bank_img" href="#collapseTwo">
					                	中国建设银行
					            	</a>
					            </h4>
					        </div>
					        <div id="collapseTwo" class="panel-collapse collapse">
					        <div class="panel-body">
					            <p>姓名:田波</p>
								<p>账号:cqpengou@gmail.com</p>
					        </div>
					        </div>
					    </div>
					    <div class="panel panel-default">
					        <div class="panel-heading" id="payment">
					            <h4 class="panel-title">
					                <a data-toggle="collapse" data-parent="#accordion" class="bank_img" href="#collapseThree">
					                	中国农业银行
					                </a>
					            </h4>
					        </div>
					        <div id="collapseThree" class="panel-collapse collapse">
					            <div class="panel-body">
					                <p>姓名:田波</p>
									<p>账号:cqpengou@gmail.com</p>
					            </div>
					        </div>
					    </div>
					    <button class="button2">下一步</button><a class="Return_Payment blue" href="#">返回下载资料</a>
					</div>
				</div>
				<div tid="3" class="transfer_list dd none">
					<form class="upload_files">
						<p>上传汇款回执:</p>
						<div id="upload">
							<input type="file" name="file1" lay-type="file" class="layui-upload-file">
						</div>
						<p>上传作者上授权声明:</p>
						<div id="upload1">
							<input type="file" name="file1" lay-type="file" class="layui-upload-file">
						</div>
						<button class="button2">完成付款</button><a class="Return_Payment blue" href="#">返回确认付款方式</a>
					</form>
				</div>
			</div>
			<div id="victory" class="forget_password_rihgt none">
				<img class="carry_out" src="../img/carry_out.png" />
				<p class="carry_out_text">恭喜，你已确定汇款信息，请耐心等待转身确认</p>
				<a href="#" class="carry_out_link blue">修改汇款信息</a>
			</div>
		</div>
	</div>
</div>
<footer>
	<p>版权所有© 1999 - 2016 科技期刊 保留所有权利。隐私权法律协议规则更新</p>
</footer>
</body>
<script src="../layui/layui.js" charset="utf-8"></script>
<script src="../layui/lay/dest/layui.all.js" charset="utf-8"></script>
<script src="../js/global.js"></script>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
	$().ready(function(){
		$(".forget_password_item").click(function(){
			$(".forget_password_item").removeClass("forget_password_this");
			$(".dd").hide();
			$(this).addClass("forget_password_this");
			$("div[tid='"+$(this).attr('tid')+"']").show();
		});
		
		upload({});
		
		form({});
	});
</script>
</html>
